<template id="tmp-item-stats-show">
    <div style="margin-bottom: 5px;">
        <div v-if="item.StatsCount>=1  && item.stat_type1<8" :class="{green:item.stat_type1 >8}">+@{{ item.stat_value1  }} @{{ item.stat_type1 |stat_type }}</div>
        <div v-if="item.StatsCount>=2  && item.stat_type2<8" :class="{green:item.stat_type2 >8}">+@{{ item.stat_value2  }} @{{ item.stat_type2 |stat_type }}</div>
        <div v-if="item.StatsCount>=3  && item.stat_type3<8" :class="{green:item.stat_type3 >8}">+@{{ item.stat_value3  }} @{{ item.stat_type3 |stat_type }}</div>
        <div v-if="item.StatsCount>=4  && item.stat_type4<8" :class="{green:item.stat_type4 >8}">+@{{ item.stat_value4  }} @{{ item.stat_type4 |stat_type }}</div>
        <div v-if="item.StatsCount>=5  && item.stat_type5<8" :class="{green:item.stat_type5 >8}">+@{{ item.stat_value5  }} @{{ item.stat_type5 |stat_type }}</div>
        <div v-if="item.StatsCount>=6  && item.stat_type6<8" :class="{green:item.stat_type6 >8}">+@{{ item.stat_value6  }} @{{ item.stat_type6 |stat_type }}</div>
        <div v-if="item.StatsCount>=7  && item.stat_type7<8" :class="{green:item.stat_type7 >8}">+@{{ item.stat_value7  }} @{{ item.stat_type7 |stat_type }}</div>
        <div v-if="item.StatsCount>=8  && item.stat_type8<8" :class="{green:item.stat_type8 >8}">+@{{ item.stat_value8  }} @{{ item.stat_type8 |stat_type }}</div>
        <div v-if="item.StatsCount>=9  && item.stat_type9<8" :class="{green:item.stat_type9 >8}">+@{{ item.stat_value9  }} @{{ item.stat_type9 |stat_type }}</div>
        <div v-if="item.StatsCount>=10 && item.stat_type10<8":class="{green:item.stat_type10>8}">+@{{ item.stat_value10 }} @{{ item.stat_type10|stat_type }}</div>

        <div v-if="item.fire_res>0">+@{{ item.fire_res }} 火焰抗性</div>
        <div v-if="item.nature_res>0">+@{{ item.nature_res }} 自然抗性</div>
        <div v-if="item.frost_res>0">+@{{ item.frost_res }} 冰霜抗性</div>
        <div v-if="item.shadow_res>0">+@{{ item.shadow_res }} 暗影抗性</div>
        <div v-if="item.arcane_res>0">+@{{ item.arcane_res }} 奥术抗性</div>

        <div v-if="item.StatsCount>=1  && item.stat_type1>8" :class="{green:item.stat_type1 >8}">+@{{ item.stat_value1  }} @{{ item.stat_type1 |stat_type }}</div>
        <div v-if="item.StatsCount>=2  && item.stat_type2>8" :class="{green:item.stat_type2 >8}">+@{{ item.stat_value2  }} @{{ item.stat_type2 |stat_type }}</div>
        <div v-if="item.StatsCount>=3  && item.stat_type3>8" :class="{green:item.stat_type3 >8}">+@{{ item.stat_value3  }} @{{ item.stat_type3 |stat_type }}</div>
        <div v-if="item.StatsCount>=4  && item.stat_type4>8" :class="{green:item.stat_type4 >8}">+@{{ item.stat_value4  }} @{{ item.stat_type4 |stat_type }}</div>
        <div v-if="item.StatsCount>=5  && item.stat_type5>8" :class="{green:item.stat_type5 >8}">+@{{ item.stat_value5  }} @{{ item.stat_type5 |stat_type }}</div>
        <div v-if="item.StatsCount>=6  && item.stat_type6>8" :class="{green:item.stat_type6 >8}">+@{{ item.stat_value6  }} @{{ item.stat_type6 |stat_type }}</div>
        <div v-if="item.StatsCount>=7  && item.stat_type7>8" :class="{green:item.stat_type7 >8}">+@{{ item.stat_value7  }} @{{ item.stat_type7 |stat_type }}</div>
        <div v-if="item.StatsCount>=8  && item.stat_type8>8" :class="{green:item.stat_type8 >8}">+@{{ item.stat_value8  }} @{{ item.stat_type8 |stat_type }}</div>
        <div v-if="item.StatsCount>=9  && item.stat_type9>8" :class="{green:item.stat_type9 >8}">+@{{ item.stat_value9  }} @{{ item.stat_type9 |stat_type }}</div>
        <div v-if="item.StatsCount>=10 && item.stat_type10>8":class="{green:item.stat_type10>8}">+@{{ item.stat_value10 }} @{{ item.stat_type10|stat_type }}</div>


    </div>
</template>
<script>
    Vue.component("component-item-stats-show", {
        template:"#tmp-item-stats-show",
        props:["item"],
        data() {
            return {
            };
        },
        filters: {
            stat_type(type, value) {
                let types = [
                    '魔法',
                    '生命',
                    '',
                    '敏捷',
                    '力量',
                    '智力',
                    '精神',
                    '耐力',
                    '','','','',
                    '防御技能等级',
                    '躲闪等级',
                    '格挡等级',
                    '盾牌格挡等级',
                    '近战命中率',
                    '远程命中率',
                    '法术命中率',
                    '近战暴击等级',
                    '远程暴击等级',
                    '法术暴击等级',
                    '近战命中躲闪等级',
                    '远程命中躲闪等级',
                    '法术命中躲闪等级',
                    '近战致命躲避等级',
                    '远程致命躲避等级',
                    '法术爆击躲避等级',
                    '近战加速等级',
                    '远程加速等级',
                    '法术急速等级',
                    '命中等级',
                    '暴击等级',
                    '命中躲避等级',
                    '暴击躲避等级',
                    '韧性等级',
                    '急速等级',
                    '精准等级',
                    '攻击强度',
                    '远程攻击强度',
                    '在猎豹、熊、巨熊和枭兽形态下的攻击强度',
                    '法术治疗效果',
                    '法术伤害',
                    '法力回复',
                    '护甲穿透等级',
                    '法术能量',
                    '生命回复',
                    '法术穿透',
                    '盾牌格挡值',
                ]
                if (type > types.length -1)
                    return ''
                else
                    return types[type];
            },
        },
        mounted() {

        },
        watch:{
        },
        methods:{

        },
    });
</script>

<style>
    .green{
        color: #1eff00 !important;
    }
</style>
